<template>
<div>
  <div>
    <form action="">
      <el-select v-model="options.index" placeholder="类型" style="width: 100px;">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        />
      </el-select>
      <el-input
        placeholder="请输入查询内容"
        v-model="findInput"
        style="width:200px; margin-bottom:15px;" />
      <el-button type="primary" style="height: 40px;" @click="" >查询</el-button>
<!--      findByAny(options.index,findInput)-->
      <!--        <el-button type="primary" style="height: 40px;" @click="">返回</el-button>-->
      <el-button type="primary" style="height: 40px;" @click="">增加</el-button>
    </form>
  </div>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column fixed prop="date" label="Date" width="150" />
    <el-table-column prop="name" label="Name" width="120" />
    <el-table-column prop="state" label="State" width="120" />
    <el-table-column prop="city" label="City" width="120" />
    <el-table-column prop="address" label="Address" width="600" />
    <el-table-column prop="address" label="Address" width="600" />
    <el-table-column prop="address" label="Address" width="600" />
    <el-table-column prop="address" label="Address" width="600" />
    <el-table-column prop="zip" label="Zip" width="120" />
    <el-table-column fixed="right" label="Operations" width="200">
      <template #default>
        <el-button link type="primary" size="small" @click="">Detail</el-button>
        <el-button link type="primary" size="small">Edit</el-button>
      </template>
    </el-table-column>
  </el-table>
</div>
</template>

<script>
export default {
  name: "index",
  data(){
    const tableData = [
      {
        date: '2016-05-03',
        name: 'Tom',
        state: 'California',
        city: 'Los Angeles',
        address: 'No. 189, Grove St, Los Angeles',
        zip: 'CA 90036',
        tag: 'Home',
      },
      {
        date: '2016-05-02',
        name: 'Tom',
        state: 'California',
        city: 'Los Angeles',
        address: 'No. 189, Grove St, Los Angeles',
        zip: 'CA 90036',
        tag: 'Office',
      },
      {
        date: '2016-05-04',
        name: 'Tom',
        state: 'California',
        city: 'Los Angeles',
        address: 'No. 189, Grove St, Los Angeles',
        zip: 'CA 90036',
        tag: 'Home',
      },
      {
        date: '2016-05-01',
        name: 'Tom',
        state: 'California',
        city: 'Los Angeles',
        address: 'No. 189, Grove St, Los Angeles',
        zip: 'CA 90036',
        tag: 'Office',
      },
    ]
    const options = [
      {
        label: '编号',
        value: 'id'
      }
      ,{
        label: '姓名',
        value: 'name'
      }
    ]
    return {
      findInput: '',
      addView: true,
      tableData,options
    }
  }
}
</script>

<style scoped>

</style>
